<template>
	<view class="order-info">
		<text class="product-name">
			<text>{{ row.productName }}</text>
			<text class="quantity">×{{ row.totalUnitNum }}</text>
		</text>
		<u-tag :text="`实付 ￥${row.actualPrice}`" shape="circle" />
		<uni-tag type="primary" size="small"></uni-tag>
	</view>
</template>

<script setup lang="ts">
defineProps<{
	row: any;
}>();
</script>

<style scoped>
.order-info {
	display: flex;
	align-items: center;
	gap: 12rpx;
	margin-bottom: 16rpx;
}
.product-name {
	font-weight: 500;
	font-size: 28rpx;
	flex: 1;
}
.quantity {
	font-size: 26rpx;
	color: #666;
}
</style>
